<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>弹性盒子</title>
    <link rel="stylesheet" href="flexbox.css">
</head>
<body>
    <h1>弹性盒子布局(flexbox)</h1>
    <p>在规范中，flexbox被描述为用户界面设计的布局模型</p>
    <div class="flex-container">
        
        <div class="flex-item">兔</div>
        <div class="flex-item">年</div>
        <div class="flex-item">吉</div>
        <div class="flex-item">祥</div>
        
    </div>
</body>
</html>